<!-- <!doctype html>
<html style="width:100%;height:100%;" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
	<meta charset="utf-8">
	<link href="css/main.css" type="text/css" rel="stylesheet" />
	<link href="css/communicate.css" type="text/css" rel="stylesheet" />
	<link href="images/favicon.ico" rel="shortcut icon"/>
	<title>锅炉云管理平台</title>
	<style>
		.homeimg{
			position:absolute;
			top:24%;
			left:0;
		}
		.userword{
			position:absolute;
			top:18px;
			left:-10px;
		}
		.marginf{
			position:absolute;
			top:0;
			left:50%;
			margin-left:-640px;
			width:1280px;
			height:100%;
			overflow:hidden;
		}
	</style>
</head>

<body style="width:100%;height:100%;">

<div class="maindiv" style="min-width:1200px;height:100%;">
			<div class="maindvcont" style="width:100%;height:100%;">
				<img id="qyptbatp" src="images/1.jpg" width="100%" />
				<div class="marginf">
					<img src="images/homeimg.png" class="homeimg">
					
					<div class="kuat">
					<p class="tilefuwupt"><span>锅炉云平台</span></p>
						<p class="kuantpp"><img src="images/userword.png" class="yhig">
							<input type="text" id="account" name="account" placeholder="" maxlength="32"class="ipt" /></p>
						<p class="kuantpp"><img src="images/password.png" class="yhig">
							<input type="password" id="pwd" name="pwd" placeholder="" maxlength="32" class="ipt" />						
						</p>
						<p class="yzma">
						<input type="text" size="20" placeholder="验证码" id="verifyCode" name="verifyCode" maxlength="4" onkeydown="if(event.keyCode==13)logincheck()" /><a href="javascript:void(0)" class="indentity_img"><img id="randimg" src="getRand.do" style="cursor: pointer" title="点击换一张" /> </a>	
						</p>
						<span class="error_clew"></span>
						<img src="images/aload.png" class="userword">
						<p class="denglule">
							<button class="enter_btn" type="button" onclick="logincheck()">
							登录
						</button>
						</p>
				</div>
				
					
				</div>
					
			</div>
		</div> -->


<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width">
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<style type="text/css" id="a"></style>
<body>
    <div class="screens" id="screens">
        <!-- header -->
        <div class="first-screen" >
                <img src="./img/login_screen1_bg.jpg" style="width: 100%; height: 100%; margin-left: 0px;
                    top: 0px; left: 0px; position: inherit;">
            <h1 class="logo">中特云</h1>
            <div class="show-list">
                <div class="show-item">
                    <span class="show-box"><i class="icon-login icon-login-code"></i></span>
                    <div class="tooltip">
                        <div class="tooltip-inner">
                            &nbsp;
                        </div>
                    </div>
                </div>
                <div class="show-item">
                    <a class="show-box" href="#" target="_blank"><i class="icon-login icon-login-developer">
                    </i></a>
                    <div class="tooltip">
                        <div class="tooltip-inner">
                            &nbsp;
                        </div>
                    </div>
                </div>
                <div class="show-item">
                    <a class="show-box" href="#" target="_blank"><i class="icon-login icon-login-help"></i>
                    </a>
                    <div class="tooltip tooltip-sm">
                        <div class="tooltip-inner">
                            &nbsp;
                        </div>
                    </div>
                </div>
            </div>
            <div class="content" id="content">
                <div class="galaxy" style="top: 100px">
                    <svg width="1352" height="522">
                        <rect width="1352" height="522" style="fill:url(#networkBg);stroke-width:1;stroke:none"></rect>
                        <g class="node" id="B">
                            <circle class="waveNode" r="3" fill="none" cx="395" cy="113" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="395" cy="113" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="395" cy="113" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="395" cy="113" style="cursor: pointer; fill: url(&quot;#BImage&quot;);"></circle>
                        </g>

                        <g class="node" id="C">
                            <circle class="waveNode" r="3" fill="none" cx="302" cy="122" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="1"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="302" cy="122" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="302" cy="122" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="4.447959999999963" fill-opacity="0.22239799999999812" cx="302" cy="122" style="cursor: pointer; fill: url(&quot;#CImage&quot;);"></circle>
                        </g>

                        <g class="node" id="D">
                            <circle class="waveNode" r="3" fill="none" cx="209" cy="197" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="209" cy="197" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="209" cy="197" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="209" cy="197" style="cursor: pointer; fill: url(&quot;#DImage&quot;);"></circle>
                        </g>

                        <g class="node" id="E">
                            <circle class="waveNode" r="3" fill="none" cx="120" cy="264" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="120" cy="264" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="120" cy="264" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="120" cy="264" style="cursor: pointer; fill: url(&quot;#EImage&quot;);"></circle>
                        </g>

                        <g class="node" id="F">
                            <circle class="waveNode" r="3" fill="none" cx="360" cy="191" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="360" cy="191" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="360" cy="191" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="360" cy="191" style="cursor: pointer; fill: url(&quot;#FImage&quot;);"></circle>
                        </g>

                        <g class="node" id="G">
                            <circle class="waveNode" r="3" fill="none" cx="240" cy="213" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="240" cy="213" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="240" cy="213" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="240" cy="213" style="cursor: pointer; fill: url(&quot;#GImage&quot;);"></circle>
                        </g>

                        <g class="node" id="H">
                            <circle class="waveNode" r="3" fill="none" cx="151" cy="347" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="151" cy="347" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="151" cy="347" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="151" cy="347" style="cursor: pointer; fill: url(&quot;#HImage&quot;);"></circle>
                        </g>

                        <g class="node" id="I">
                            <circle class="waveNode" r="3" fill="none" cx="247" cy="320" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="247" cy="320" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="247" cy="320" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="247" cy="320" style="cursor: pointer; fill: url(&quot;#IImage&quot;);"></circle>
                        </g>

                        <g class="node" id="J">
                            <circle class="waveNode" r="3" fill="none" cx="422" cy="310" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="422" cy="310" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="422" cy="310" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="422" cy="310" style="cursor: pointer; fill: url(&quot;#JImage&quot;);"></circle>
                        </g>

                        <g class="node" id="L">
                            <circle class="waveNode" r="3" fill="none" cx="1082" cy="154" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1082" cy="154" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1082" cy="154" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1082" cy="154" style="cursor: pointer; fill: url(&quot;#LImage&quot;);"></circle>
                        </g>

                        <g class="node" id="M">
                            <circle class="waveNode" r="3" fill="none" cx="1259" cy="301" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1259" cy="301" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1259" cy="301" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1259" cy="301" style="cursor: pointer; fill: url(&quot;#MImage&quot;);"></circle>
                        </g>

                        <g class="node" id="N">
                            <circle class="waveNode" r="3" fill="none" cx="1017" cy="195" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1017" cy="195" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1017" cy="195" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1017" cy="195" style="cursor: pointer; fill: url(&quot;#NImage&quot;);"></circle>
                        </g>

                        <g class="node" id="O">
                            <circle class="waveNode" r="3" fill="none" cx="934" cy="117" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="934" cy="117" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="934" cy="117" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="934" cy="117" style="cursor: pointer; fill: url(&quot;#OImage&quot;);"></circle>
                        </g>

                        <g class="node" id="P">
                            <circle class="waveNode" r="3" fill="none" cx="931" cy="214" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="931" cy="214" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="931" cy="214" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="931" cy="214" style="cursor: pointer; fill: url(&quot;#PImage&quot;);"></circle>
                        </g>

                        <g class="node" id="Q">
                            <circle class="waveNode" r="3" fill="none" cx="1109" cy="217" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1109" cy="217" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1109" cy="217" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1109" cy="217" style="cursor: pointer; fill: url(&quot;#QImage&quot;);"></circle>
                        </g>

                        <g class="node" id="R">
                            <circle class="waveNode" r="3" fill="none" cx="936" cy="355" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="936" cy="355" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="936" cy="355" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="936" cy="355" style="cursor: pointer; fill: url(&quot;#RImage&quot;);"></circle>
                        </g>

                        <g class="node" id="S">
                            <circle class="waveNode" r="3" fill="none" cx="1061" cy="319" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1061" cy="319" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1061" cy="319" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1061" cy="319" style="cursor: pointer; fill: url(&quot;#SImage&quot;);"></circle>
                        </g>

                        <g class="node" id="T">
                            <circle class="waveNode" r="3" fill="none" cx="1199" cy="316" stroke="#FFD200" stroke-width="1.5"
                                stroke-opacity="0"></circle>
                            <circle class="commonNode" r="4" fill="#314182" cx="1199" cy="316" style="cursor: pointer;"></circle>
                            <circle class="hoverArea" r="20" fill-opacity="0" cx="1199" cy="316" style="cursor: pointer;"></circle>
                            <circle class="headNode" r="0" fill-opacity="0" cx="1199" cy="316" style="cursor: pointer; fill: url(&quot;#TImage&quot;);"></circle>
                        </g>
                    </svg>
                </div>
                <h2 class="slogan" style="top: 30px;">
                </h2>
                <!--首屏登录框会追加到这里 -->
                <div class="login-container">
                    <div class="ptlogin-container" style="display: none;">
                    </div>
                    <div class="login-panel" style="display: block">
                        <form class="form-control loginForm">
                        <div class="input-group email">
                            <i class="icon-login icon-login-name"></i>
                            <input type="text" class="email-input error" value="" name="email" placeholder="账号" id="account">
                        </div>
                        <div class="input-group password">
                            <i class="icon-login icon-login-password"></i>
                            <input type="password" class="password-input" name="password" placeholder="密码" id="pwd">
                        </div>
                        <div class="input-group password">
                            <i class="icon-login icon-login-password"></i>
                            <input type="text" class="password-input" name="verifyCode" placeholder="验证码" style="width: 100px" maxlength="4" id="verifyCode"  onkeydown="if(event.keyCode==13)logincheck()">
                          <!--   <input type="text" size="20"  class="password-input" placeholder="验证码" id="verifyCode" name="verifyCode" maxlength="4" onkeydown="if(event.keyCode==13)logincheck()" style="width: 100px"/> -->
                            <a href="javascript:void(0)" class="indentity_img"><img id="randimg" src="getRand.do" style="cursor: pointer" title="点击换一张" /> </a>	
                            
                        </div>
                        <span class="error_clew" style="color: red;"></span>
                        <p class="login-error-tips">
                        </p>
                        </form>
                        <div class="login-submit">
                            <button type="button" class="btnLogin btn btn-primary"  onclick="logincheck()"> 登录</button>
                            <button type="button" class="btn btn-primary btn-loading" style="display: none;">
                                <i class="icon-loading-white"></i>登录中</button>
                        </div>
                    </div>
                    <!-- login-panel / -->
                </div>
            </div>
        </div>
    </div>



<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jquery.md5.js"></script>
<script src="js/common.js"></script>
<script src="js/login.js"></script>
<script type="text/javascript" src="js/dialog.js"></script>
<script>
//切换验证码
//切换验证码
$('#randimg').click(function () {
	var that = this;
	var img = new Image();
	img.src = 'getRand.do?'+ Math.random();
	img.onload = function(){
		that.src = this.src;
	};
});
var height = document.body.clientHeight;
console.log(height);
$('#qyptbatp').css({
	height:height
});
//验证登录
function logincheck(){
	var account = $("#account").val();
	var pwd = $("#pwd").val();
	var verifyCode =  $("#verifyCode").val();
	if(account.length<=0 || account=='帐号'){
		alert("请输入帐号");
	}else if(pwd.length<=0 || pwd=='密码'){
		alert("请输入密码");
	}else if(verifyCode.length<=0 || verifyCode=='验证码'){
		alert("请输入验证码");
	}else{
		$.ajax({
			url: 'login.do', 
			type: 'POST',
			async: false,
			data:{account:account,pwd:$.md5(pwd),verifyCode:verifyCode}, 
			dataType: 'json', 
			timeout: 10000, 
			error: function(){LQWarnIndex('请求失败,请稍后重试');}, 
			success: function(result){
				console.log(result);
				console.log(result.resultCode);
				if(result.resultCode==1000){
					//console.log("555")
					location.href ="/boilerCloud/goIndex.do";
				}else{
					$(".error_clew").html(result.returnObject).show();
					$("#randimg").click();
				}
			} 
			}); 
	}
}




</script>
</body>
</html>
